<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="customer"
      label="客户"
      width="180">
    </el-table-column>
    <el-table-column
      prop="documentary"
      label="跟单"
      width="180">
    </el-table-column>
    <el-table-column
      prop="order"
      label="订单"
      width="180">
    </el-table-column>
    <el-table-column
      prop="contract"
      label="合同"
      width="180">
    </el-table-column>
    <el-table-column
      prop="AfterSale"
      label="售后"
      width="180">
    </el-table-column>
    <el-table-column
      prop="newlyAdded"
      label="新增"
      width="180">
    </el-table-column>
    <el-table-column
      prop="modify"
      label="修改"
      width="180">
    </el-table-column>
    <el-table-column
      prop="delete"
      label="删除"
      width="180">
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          name: '超级管理员',
          customer: '3',
          documentary: '0',
          order:'0',
          contract:'0',
          AfterSale:'0',
          newlyAdded:'0',
          modify:'0',
          delete:'0',
        },
        {
          name: 'ANan',
          customer: '0',
          documentary: '0',
          order:'0',
          contract:'0',
          AfterSale:'0',
          newlyAdded:'0',
          modify:'0',
          delete:'0',
        },
        {
          name: 'DHW',
          customer: '0',
          documentary: '0',
          order:'0',
          contract:'0',
          AfterSale:'0',
          newlyAdded:'0',
          modify:'0',
          delete:'0',
        }]
      }
    }
  }
</script>